浏览框控件 
基于jQuery生成浏览按钮的组件，功能与【浏览按钮组件】相同，其主要特点如下： 
1、常用于需要通过弹出窗口选择数据的情形； 
2、统一维护按钮及其显示区样式； 
3、支持快速输入匹配（联想数据）功能； 
4、联想输入支持拼音首字母查找； 
5、支持浏览按钮和新建按钮两种按钮并存； 
6、支持为选择的内容添加链接； 
7、支持自定义弹出窗口的大小； 
8、支持浏览和新建后的回调机制； 
9、支持数据必填验证

1、引入相关脚本

<script language=javascript src="/js/ecology8/request/e8.browser_wev8.js"></script>

2、常用属性说明

$("#docLastModUser").e8Browser({ //docLastModUser 显示浏览框的的span或者div的id
   name:"doclastmoduserid",//浏览按钮的name
   viewType:"0", 
   browserValue:"0",//浏览按钮的值
   isMustInput:"1",//是否必填  2为必填
   browserSpanValue:"",//浏览按钮显示的值
   hasInput:true,//是否有输入框
   linkUrl:"#",//链接地址
   isSingle:true,//是否是单选
   completeUrl:"/data.jsp",//自动联想获取数据的地址
   browserUrl:"/systeminfo/BrowserMain.jsp?url=/docs/docs/MutiDocBrowser.jsp",//浏览框打开的地址
   width:"150px",//宽度
   hasAdd:false,//是否显示添加按钮
   isSingle:true,//是否单选
   _callback:function_name, //回调方法
  _callbackParams:''//回调方法传入的参数
  });

3、示例代码

<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8" %>
<%@ taglib uri="/WEB-INF/weaver.tld" prefix="wea"%>
<%@ include file="/systeminfo/init_wev8.jsp" %>
<HTML><HEAD>
<LINK href="/css/Weaver_wev8.css" type=text/css rel=STYLESHEET>
<script language=javascript src="/js/ecology8/request/e8.browser_wev8.js"></script>
</HEAD>
<body scroll="no">
<%
    String subcompanyid = "5" ;
%>
<wea:layout type="fourCol">
     <wea:group context="常用条件">
      <wea:item>流程</wea:item>
      <wea:item>
        <div id="workflow_browser"></div>
      </wea:item>

      <wea:item>人员</wea:item>
      <wea:item>
        <div id="userid_browser"></div>
      </wea:item>

      <wea:item>文本1</wea:item>
      <wea:item>
          <input type='text' name='wb1' id='wb1' />
      </wea:item>

      <wea:item>文本2</wea:item>
    <wea:item>
        <input type='text' name='wb2' id='wb2' />
    </wea:item>

     </wea:group>
</wea:layout>
<script type="text/javascript">
jQuery("#workflow_browser").e8Browser({
           name:"workflowid",
           viewType:"0",
           browserValue:"0",
           isMustInput:"1",
           browserSpanValue:"",
           hasInput:true,
           isSingle:true,
           completeUrl:"/data.jsp?type=workflowBrowser&isTemplate=0",
           browserUrl:"/systeminfo/BrowserMain.jsp?url=/workflow/workflow/WorkflowBrowser_frm.jsp?isTemplate=0&iswfec=1",
           width:"150px",
           hasAdd:false,
           isSingle:true,
           _callbackParams:'',
           _callback:'callbackfunction_wf'//调用回调方法
          });
jQuery("#userid_browser").e8Browser({
           name:"userid",
           viewType:"0",
           browserValue:"0",
           isMustInput:"2",
           browserSpanValue:"",
           hasInput:true,
           isSingle:true,
           completeUrl:"/data.jsp",
           browserUrl:"/systeminfo/BrowserMain.jsp?url=/hrm/resource/MutiResourceBrowser.jsp",
           width:"150px",
           hasAdd:false,
           isSingle:false,
           _callbackParams:'',
           _callback:'callbackfunction'//调用回调方法
          });


function callbackfunction_wf(event,datas,name,_callbackParams){
    jQuery("#wb1").val(datas.name); 
}

function callbackfunction(event,datas,name,_callbackParams){
    jQuery("#wb2").val(datas.name);
}
</script>
 </body>
</html>

效果图如下：
 
 

4、说明 
更详细的说明参阅控件说明V51.xls中的浏览框组件 JS版本

 

Demo下载